<div class="game_tag">
  <a href="{{ game.p1.profile }}" target="_parent">
  <div class="span-2">
    <img src="{{ game.p1.photo }}" alt="{{ game.p1.name }}"/>
  </div>
  <div class="span-2">
    {{ game.p1.name }}
  </div>
  </a>
  <div class="span-2">
  {% ifequal game.p1_state "b" %}
      <img class="color_img" src="{{ MEDIA_URL }}szachy/tiles/pd.png" alt="{{ game.get_p1_state_display }}"/>      
  {% else %}
      {% ifequal game.p1_state "w" %}
        <img class="color_img" src="{{ MEDIA_URL }}szachy/tiles/pl.png" alt="{{ game.get_p1_state_display }}"/>
      {% else %}
      &nbsp;
      {% endifequal %}
  {% endifequal %}
  </div>
  <div class="span-1 vs">
  vs 
  </div>  
  <a href="{{ game.p2.profile }}" target="_parent">
  <div class="span-2">
    <img src="{{ game.p2.photo }}" alt="{{ game.p2.name }}"/>
  </div>
  <div class="span-2">
    {{ game.p2.name }}
  </div>
  </a>
  <div class="span-2 ">
  {% ifequal game.p2_state "b" %}
      <img class="color_img" src="{{ MEDIA_URL }}szachy/tiles/pd.png" alt="{{ game.get_p2_state_display }}"/>      
  {% else %}
      {% ifequal game.p2_state "w" %}
        <img class="color_img" src="{{ MEDIA_URL }}szachy/tiles/pl.png" alt="{{ game.get_p2_state_display }}"/>
      {% else %}
        &nbsp;
      {% endifequal %}
  {% endifequal %}
  </div>
</div>
